<!doctype html>
<html>
	<head>		
	<title>登录</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<link rel="apple-touch-icon-precomposed" href="http://mat1.gtimg.com/www/mb/images/microblog_72_72.png" />
	<link rel="shortcut icon" href="http://mat1.gtimg.com/www/mb/favicon.ico"/> 
	<link rel="stylesheet" href="./style/css/base.css" type="text/css" media="screen, projection">
	<!--[if lte IE 6]>
	<script type="text/javascript" src="./js/third-party/DD_belatedPNG_0.0.8a-min.js"></script>
	<script type="text/javascript">
			//IE6 PNG透明
			DD_belatedPNG.fix(".logo");
	</script>
	<![endif]-->
		<link rel="stylesheet" href="./style/css/global.css" type="text/css" media="screen, projection">
<style type="text/css">
			.topics{margin:20px 21px 0;width:758px;}
			.topics li{border:1px solid #D8D8D8;background:#fff;background:rgba(255,255,255,.8);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-bottom:20px;-webkit-box-shadow:0 0 10px #d8d8d8;clear:both;display:inline-block;width:756px;}
			.topics li .userPic{margin:20px;float:left;}
			.topics li a{cursor:default;color:#000;}
			.topics li a:hover{color:#4B7A00;text-decoration:underline;}
			.topics li .userPic img{margin:2px;}
			.topics li .userPic{border:1px solid #ddd;line-height:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
			.topics .userMsg{font-size:24px;margin:20px 0 20px 0;word-wrap:break-word;display:inline-block;width:590px;font-family:微软雅黑;line-height:150%;}
			.topics .userMsg strong{font-weight:bold;}
			.topics .userMsg img{display:block;margin:15px 0 0;}
			.topics li,.topics .userMsg,.topics li .userPic{* display:inline;zoom:1;}
</style>		
	</head>
	<body>
<div class="usernavwrapper">
	<div class="usernav">
		<span class="fleft">
		<a href="http://www.cyol.net/" target="_blank">中青在线首页</a>
		<a href="http://www.xiaomei.cc/" target="_blank">校媒网首页</a>	
		</span>
		<span class="fright">已有中青微博通行证请直接登录！</span>
	</div>
</div>
			
<div class="header">
	<div class="logo"><a href="./">中青微博</a></div>
	<div class="navarrow"></div>
</div>
	
<div class="content">
	<div align="center"><br/><a href="#"><img src="style/images/adv2.png"/></a><br/></div>
	<ul class="topics">
	<li><div class="userPic"><a title="javascript:void(0);"><img src="http://app.qlogo.cn/mbloghead/6f1fffc0c02cbf6f8e9c/100"></a></div>
		<div class="userMsg"><strong><a href="javascript:void(0);">张天宝</a>：</strong><span>听说，喜欢隐身的人都有一段伤、 上线，是为了打发寂寞、 隐身，是为了躲避失望。 喜欢上了安静，却又很怕寂寞。 爱上了自信，却又很怕失望。<img src="http://app.qpic.cn/mblogpic/6cc1492c7417469cf59e/160"/></span></div>
	</li>
	<li><div class="userPic"><a title="javascript:void(0);"><img src="http://app.qlogo.cn/mbloghead/6f1fffc0c02cbf6f8e9c/100"></a></div>
		<div class="userMsg"><strong><a href="javascript:void(0);">张天宝</a>：</strong><span>有个软妹子酒后和我说：“人们总是喜欢这样：和爱的人吵架，和陌生人讲心里话。”酒后吐真言，我觉得她说的是真理呀。其实我们都是装13的伪青年。<img src="http://app.qpic.cn/mblogpic/8fa2c17c907bdb3741ec/160"/></span></div>
	</li>
	<li><div class="userPic"><a title="javascript:void(0);"><img src="http://app.qlogo.cn/mbloghead/6f1fffc0c02cbf6f8e9c/100"></a></div>
		<div class="userMsg"><strong><a href="javascript:void(0);">张天宝</a>：</strong><span>有个软妹子酒后和我说：“人们总是喜欢这样：和爱的人吵架，和陌生人讲心里话。”酒后吐真言，我觉得她说的是真理呀。其实我们都是装13的伪青年。<img src="http://app.qpic.cn/mblogpic/fbac6717dbefa446c1ea/160"/></span></div>
	</li>
	<li><div class="userPic"><a title="javascript:void(0);"><img src="http://app.qlogo.cn/mbloghead/6f1fffc0c02cbf6f8e9c/100"></a></div>
		<div class="userMsg"><strong><a href="javascript:void(0);">张天宝</a>：</strong><span>有个软妹子酒后和我说：“人们总是喜欢这样：和爱的人吵架，和陌生人讲心里话。”酒后吐真言，我觉得她说的是真理呀。其实我们都是装13的伪青年。</span></div>
	</li>
	<li><div class="userPic"><a title="javascript:void(0);"><img src="http://app.qlogo.cn/mbloghead/6f1fffc0c02cbf6f8e9c/100"></a></div>
		<div class="userMsg"><strong><a href="javascript:void(0);">张天宝</a>：</strong><span>【我已经决定放下你了】不再留着你的短信不舍得删掉了，不再一遍一遍的回看我们的聊天记录了，不再眼巴巴的盯着手机期望你的电话了，不再上一整晚的QQ等你现身了，不再到处跟别人打听你的消息了，不再向好友倾诉自己的心酸了，因为倾诉过一次，已经代表，我决定放下你了。</span></div>
	</li>
	
	</ul>
</div>
<div class="footer" id="footer">Copyright © 1998 - 2011 All Rights Reserved.</div>
</body>
</html>
